<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>商品详情页面</title>
    <style type="text/css">
        * {
            margin: 0 auto; /*去掉间隙*/
            padding: 0 auto;
            list-style: none; /*去掉小点*/
            text-decoration: none;
        }

        .top{
            width: 1360px;
            height: 31px;
            /*float: left;*/
            background: rgb(245,245,245);
            border-bottom: 1px solid rgb(229,229,229);
        }

        .top .mysy{
            width: 90px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 165px;
            border-left: 1px solid rgb(229,229,229);
            border-right: 1px solid rgb(229,229,229);
            color: rgb(102,102,102);
            font-size: 14px;
            text-align: center;
            line-height: 31px;
        }

        .top .mykb{
            width: 90px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 0;
            border-right: 1px solid rgb(229,229,229);
            color: rgb(102,102,102);
            font-size: 14px;
            text-align: center;
            line-height: 31px;
        }

        .top .sjmy{
            width: 105px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 0;
            border-right: 1px solid rgb(229,229,229);
            color: rgb(102,102,102);
            font-size: 14px;
        }
        .top .sjmy img{
            width: 14px;
            height: 27px;
            float: left;
            margin: 3px 0 0 12px;
        }

        .top .sjmy span{
            text-align: center;
            line-height: 31px;
            margin-left: 5px;
        }

        .top .dh{
            width: 140px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 0;
            border-right: 1px solid rgb(229,229,229);
            color: rgb(254,20,138);
            font-size: 15px;
        }
        .top .dh img{
            width: 22px;
            height: 27px;
            float: left;
            margin: 3px 0 0 8px;
        }

        .top .dh span{
            text-align: center;
            line-height: 31px;
        }

        .top .nhmy{
            width: 165px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 225px;
            color: rgb(102,102,102);
            font-size: 14px;
            text-align: center;
            line-height: 31px;
        }

        .top .wdmy{
            width: 75px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 0;
            color: rgb(102,102,102);
            font-size: 14px;
            margin-left: 7px;
        }

        .top .wdmy span{
            float: left;
            text-align: center;
            line-height: 31px;
        }

        .top .wdmy img{
            width: 12px;
            height: 27px;
            float: left;
            margin: 3px 0 0 2px;
        }

        .top .bzzx{
            width: 70px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 0;
            color: rgb(102,102,102);
            font-size: 14px;
            text-align: center;
            line-height: 31px;
        }

        .top .tc{
            width: 45px;
            height: 31px;
            /*background: lightcoral;*/
            float: left;
            margin: 0 0 0 0;
            color: rgb(102,102,102);
            font-size: 14px;
            text-align: center;
            line-height: 31px;
        }

        #form1 #spxq {
            font-size: 18px;
            color: #FFF;
            font-style: normal;
            background-color: #F6C;
        }
        #form2 #miyaquan {
            font-size: 18px;
            color: #FFF;
            background-color: #F6C;
        }
        #spxq2 {
            font-size: 18px;
            color: #FFF;
            background-color: #F6C;
        }
        #spxq3 {
            font-size: 18px;
            color: #FFF;
            background-color: #F6C;
        }
        body,td,th {
            font-family: "宋体";
            font-size: 100%;
        }
        body {
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
        }
		.a{
    width: 1360px;
    height: 105px;
    /*background: lightblue;*/
}

.a .logo{
    width: 246px;
    height: 105px;
    /*background: coral;*/
    float: left;
    margin: 0 0 0 165px;

}

.a .logo img{
    width: 246px;
    height: 103px;
    margin-top: 1px;
}

.a .bz{
    width: 261px;
    height: 105px;
    float: left;
    /*background: coral;*/
    margin: 0 0 0 320px;
}

.a .bz .zheng{
    width: 87px;
    height: 105px;
    /*background: lightcoral;*/
    float: left;
}

.a .bz .zheng img{
    margin: 17px 0 0 18px;
}

.a .bz .zheng span{
    font-size: 12px;
    color: rgb(102,102,102);
    margin: 0 0 0 15px;
}

.a .bz .ss{
    width: 87px;
    height: 105px;
    /*background: lightcoral;*/
    float: left;
}

.a .bz .ss img{
    margin: 17px 0 0 18px;
}

.a .bz .ss span{
    font-size: 12px;
    color: rgb(102,102,102);
    margin: 0 0 0 1px;
}

.a .bz .bb{
    width: 87px;
    height: 105px;
   /* background: lightcoral;*/
    float: left;
}

.a .bz .bb img{
    margin: 17px 0 0 18px;
}

.a .bz .bb span{
    font-size: 12px;
    color: rgb(102,102,102);
    margin: 0 0 0 18px;
}

.a .gwc{
    width: 168px;
    height: 103px;
    /*background: coral;*/
    float: left;
    margin: 1px 0 0 35px;
}
.daohang{
    width: 100%;
    height: 50px;
    background: rgb(255,105,180);
}

.daohang .jrtm{
    width: 105px;
    height: 50px;
    float: left;
    /*background: coral;*/
    color: white;
    font-family: 宋体;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    border-right: 1px solid rgb(255,82,169);
    margin: 0 0 0 170px;
}

.daohang .znk{
    width: 90px;
    height: 50px;
    float: left;
    /*background: coral;*/
    color: white;
    font-family: 宋体;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    border-right: 1px solid rgb(255,82,169);
    margin: 0 0 0 0;
}

.daohang .nf{
    width: 75px;
    height: 50px;
    float: left;
    /*background: coral;*/
    color: white;
    font-family: 宋体;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    border-right: 1px solid rgb(255,82,169);
    margin: 0 0 0 0;
}

.daohang .mymsd{
    width: 120px;
    height: 50px;
    float: left;
    /*background: coral;*/
    color: white;
    font-family: 宋体;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    border-right: 1px solid rgb(255,82,169);
    margin: 0 0 0 0;
}

.daohang .zp{
    width: 115px;
    height: 50px;
    float: left;
    /*background: coral;*/
    color: white;
    font-family: 宋体;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    border-right: 1px solid rgb(255,82,169);
    margin: 0 0 0 0;
}

.daohang .ss{
    width: 255px;
    height: 50px;
    float: left;
    /*background: coral;*/
    color: white;
    text-align: center;
    border-right: 1px solid rgb(255,82,169);
    margin: 0 0 0 120px;
}

.daohang .ss .ip{
    width: 198px;
    height: 25px;
    float: left;
    margin:10px 0 0 8px ;
}

.daohang .ss img{
    width: 31px;
    height: 30px;
    float: left;
    margin:11px 0 0 0 ;
}

.daohang .spfl{
    width: 135px;
    height: 45px;
    float: left;
    margin: 2.5px 0 0 0;
}
        .shuom{
            width: 700px;
            font-size: 18px;
            color: darkslategrey;
            margin: 0 0 0 170px;
        }
        .hang2{
            width: 100%;
            height: 40px;
            background: rgb(255,105,180);
            float: left;
        }
        .spcs{
            margin: 0 0 0 170px;
        }

a:link{
    color: #FFFFFF;
    text-decoration: none;
}
        a:visited{
            color: #FFFFFF;
            text-decoration: none}
        a:hover{color: black}
.zhuti{
    margin: 0 0 0 170px;
    float: left}

        .btn{
            width: 1360px;
            height: 455px;
            /*background: lightcoral;*/
        }

        .btn .sybz{
            width: 80px;
            height: 140px;
            float: left;
            /*background: lightcoral;*/
            margin: 75px 0 0 165px;
        }

        .btn .sybz .bz{
            width: 80px;
            height: 20px;
            float: left;
            text-align: center;
            /*background: lightblue;*/
            font-family: 宋体;
            font-size: 16px;
            font-weight: bold;
            color: rgb(102,102,102);
        }

        .btn .sybz .a{
            width: 80px;
            height: 105px;
            float: left;
            color: rgb(102,102,102);
            font-family: 宋体;
            /*font-weight: bold;*/
            font-size: 13px;
            /*background: lightblue;*/
            text-align: center;
            margin: 10px 0 0 0 ;
        }

        .btn .sybz .a p{
            width: 80px;
            height: 25px;
            margin-top: 2px;
            /*background: lightcoral;*/
        }

        .btn .zffs{
            width: 80px;
            height: 90px;
            float: left;
            /*background: lightcoral;*/
            margin: 75px 0 0 50px;
        }

        .btn .zffs .zf{
            width: 80px;
            height: 20px;
            float: left;
            text-align: center;
            /*background: lightblue;*/
            font-family: 宋体;
            font-size: 16px;
            font-weight: bold;
            color: rgb(102,102,102);
        }

        .btn .zffs .b{
            width: 80px;
            height: 60px;
            float: left;
            color: rgb(102,102,102);
            font-family: 宋体;
            /*font-weight: bold;*/
            font-size: 13px;
            /*background: lightblue;*/
            text-align: center;
            margin: 10px 0 0 0 ;
        }

        .btn .zffs  p{
            width: 80px;
            height: 25px;
            margin-top: 2px;
            /*background: lightcoral;*/
        }

        .btn .psfs{
            width: 80px;
            height: 140px;
            float: left;
            /*background: lightcoral;*/
            margin: 75px 0 0 50px;
        }

        .btn .psfs .ps{
            width: 80px;
            height: 20px;
            float: left;
            text-align: center;
            /*background: lightblue;*/
            font-family: 宋体;
            font-size: 16px;
            font-weight: bold;
            color: rgb(102,102,102);
        }

        .btn .psfs .c{
            width: 80px;
            height: 105px;
            float: left;
            color: rgb(102,102,102);
            font-family: 宋体;
            /*font-weight: bold;*/
            font-size: 13px;
            /*background: lightblue;*/
            text-align: center;
            margin: 10px 0 0 0 ;
        }

        .btn .psfs .c p{
            width: 80px;
            height: 25px;
            margin-top: 2px;
            /*background: lightcoral;*/
        }

        .btn .shfw{
            width: 80px;
            height: 150px;
            float: left;
            /*background: lightcoral;*/
            margin: 75px 0 0 50px;
        }

        .btn .shfw .sh{
            width: 80px;
            height: 20px;
            float: left;
            text-align: center;
            /*background: lightblue;*/
            font-family: 宋体;
            font-size: 16px;
            font-weight: bold;
            color: rgb(102,102,102);
        }

        .btn .shfw .d{
            width: 80px;
            height: 135px;
            float: left;
            color: rgb(102,102,102);
            font-family: 宋体;
            /*font-weight: bold;*/
            font-size: 13px;
            /*background: lightblue;*/
            text-align: center;
            margin: 10px 0 0 0 ;
        }

        .btn .shfw .d p{
            width: 80px;
            height: 25px;
            margin-top: 2px;
            /*background: lightcoral;*/
        }

        .btn .lxfs{
            width: 160px;
            height: 150px;
            float: left;
            /*background: lightcoral;*/
            margin: 75px 0 0 50px;
        }

        .btn .lxfs .lx{
            width: 160px;
            height: 20px;
            float: left;
            text-align: center;
            /*background: lightblue;*/
            font-family: 宋体;
            font-size: 16px;
            font-weight: bold;
            color: rgb(102,102,102);
        }

        .btn .lxfs .e{
            width: 160px;
            height: 135px;
            float: left;
            color: rgb(102,102,102);
            font-family: 宋体;
            /*font-weight: bold;*/
            font-size: 13px;
            /*background: lightblue;*/
            text-align: center;
            margin: 10px 0 0 0 ;
        }

        .btn .lxfs .e p{
            width: 160px;
            height: 25px;
            margin-top: 2px;
            /*background: lightcoral;*/
        }

        .btn .gzmy{
            width: 200px;
            height: 180px;
            float: left;
            margin: 59px 0 0 120px;
        }

        .btn .one{
            width: 1360px;
            height: 2px;
            /* background: lightblue;*/
            border-bottom:1px solid rgb(242,242,240);
            float:left;
            margin-top: 5px;
        }

        .btn .jrmy{
            width: 620px;
            height: 35px;
            float: left;
            /*background: lightcoral;*/
            margin: 20px 0 0 300px;
        }


        .btn .jrmy ul li{
            width: 80px;
            height: 35px;
            float: left;
            text-align: center;
            line-height: 35px;
            color: rgb(102,102,102);
            font-size: 13px;
        }

        .hr{
            width: 1px;
            height: 12px;
            border-right:1px solid rgb(177,151,177);
            float:left;
            margin-top: 12px;
        }

        .btn .dd{
            width: 915px;
            height: 120px;
            float: left;
            margin: 10px 0 0 190px;
        }
        .hang2cs{
            margin: 10px 0 0 170px;
        }
        .hang2sp{
            margin: 10px 0 0 50px;
        }
        .hang2kb{
            margin: 10px 0 0 50px;

        }
        .hang2ys{
            margin: 10px 0 0 50px;

        }

    </style>
</head>

<body>
<div class="top">
    <div class="mysy">
        蜜芽首页
    </div>
    <div class="mykb">
        蜜芽口碑
    </div>
    <div class="sjmy">
        <img src="img/sj.png">
        <span>手机蜜芽</span>
    </div>
    <div class="dh">
        <img src="img/dh.png">
        <span>400-789-20000</span>
    </div>
    <div class="nhmy">
        你好，miya123456789..
    </div>
    <hr style="width: 1px;height: 14px;float: left;background-color: rgb(204,204,204);border:none;margin: 9px 0 0 0 ">
    <div class="wdmy">
        <span>我的蜜芽</span>
        <img src="img/jt.png">
    </div>
    <hr style="width: 1px;height: 14px;float: left;background-color: rgb(204,204,204);border:none;margin: 9px 0 0 0 ">
    <div class="bzzx">
        帮助中心
    </div>
    <hr style="width: 1px;height: 14px;float: left;background-color: rgb(204,204,204);border:none;margin: 9px 0 0 0 ">
    <div class="tc">
        退出
    </div>
</div>

<div class="a">
    <div class="logo">
        <img src="img/logo.png">
    </div>
    <div class="bz">
        <div class="zheng">
           <img src="img/zheng.png">
           <span>100%正品</span>
        </div>
        <div class="ss">
            <img src="img/14.png">
            <span>14天无理由退货</span>
        </div>
        <div class="bb">
            <img src="img/88.png">
            <span>满88包邮</span>
        </div>
    </div>
    <div class="gwc">
        <img src="img/gwc.png">
    </div>
</div>


<div class="daohang">
    <div class="jrtm">
        今日特卖
    </div>
    <div class="znk">
        纸尿裤
    </div>
    <div class="nf">
        奶粉
    </div>
    <div class="mymsd">
        蜜芽免税店
    </div>
    <div class="zp">
        100%正品
    </div>
    <div class="ss">
        <input class="ip">
        <img src="img/ssk.png">
    </div>
  <div class="spfl">
        <img src="img/spfl.png">
    </div>
</div>

<div class="shuom">
    德国原装Aptamil  [免税店] 婴儿配方奶粉2+段(2岁以上600g )*6 限定期2016.08 婴儿配方奶粉2+段(2岁以上600g),蜜芽不惜远赴千里，只为宝宝的好奶粉! 保税区发货，层层监管,更加放心! 泡沫盒+纸箱双重包装，最大程度呵护您的宝现。根据海关总署第56号文规定，单笔订单500元以内将免征行邮税额，为保障您能顺利收到商品，收件人姓名请务必用真名并提交身份证号码。下单后3个工作发货，使用EMS快递，预计发货后5-7天内送达。免税好奶粉，就在蜜芽宝额! 温馨提示: 每个订单仅能购买2罐，如需多买请分别下单，不需要更换收件地址和收件人。<span style="color: #FF66CC">奶粉FAQ > ></span></div>
    <div class="zhuti">
        <img src="https://img05.miyabaobei.com/d1/p5/item/12/1204/1204199_normal_4.jpg@base@tag=imgScale&w=447" width="400" height="400" alt="zhutu" />

    <img src="img/jiage.png">


    </div>
<div class="shuom">
        <img src="img/tuijian.png">
</div>

<div class="hang2">
    <div class="hang2cs" style="float: left">
        <font color="#f0f8ff"> 商品参数</font>
    </div>

            <div class="hang2sp" style="float: left">
                <a href="#det">商品详情</a>
            </div>
            <div class="hang2kb" style="float: left">
                <a href="#koubei">蜜芽口碑</a> </div>
            <div class="hang2ys" style="float: left">
                <a href="#yous"> 蜜芽优势</a>
            </div>

</div>

 

<div class="spcs">

        <p><strong>商品名称:</strong>德国爱他美 Aptamil 爱他美婴儿配方奶粉3段10~12M 800g*6袋</p>
    <p><strong>品牌:</strong>德国爱他美 Aptamil</p>
    <p><strong>分类:</strong>婴幼儿牛奶粉</p>
    <p><strong>适用年龄:</strong>10个月~2岁</p>
              <p><strong>包装方式:</strong>罐装/杯装</p>

              <div class="xq">

              <a name="det"><img src="img/dt.png"></a>
              <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/a5/eb/a5ebc3014e26b02967ab56262424580c625241593.jpg"  />
            <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/a6/97/a69767cc52dc4436380cacb36d13833f625259885.jpg"  />
            <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/e6/2e/e62e727b4ee909caac24ec7ecc39d63c625253860.jpg"  />
            <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/96/64/9664be7f3eb457c3cd1b55a32423b400625268149.jpg"  />
            <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/4f/6a/4f6a5b64b0547f54c5b257c99e48e2e4625278352.jpg"  />
            <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/6a/a7/6aa7deeee89a4f309758eacd20965141625289666.jpg"  />
            <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/2e/9c/2e9c99c847d4cfb4c0282c3853bd7031625286863.jpg"  />
            <img src="https://img03.miyabaobei.com/d1/p5/2017/08/17/e1/ed/e1ede1212fbeaedbd270b085d06cf0e7625294585.jpg"  />

            <a name="koubei"> <img src="img/kb1.png"></a>
              <img src="img/kb2.png">
              <img src="img/kb3.png">
              <img src="img/kb4.png">
                  <a name="yous"><img src="img/ys.png"></a>

</div>
</div>
<div class="btn">
    <div class="sybz">
        <div class="bz">
            使用帮助
        </div>
        <div class="a">
            <p>会员等级</p>
            <p>会员积分</p>
            <p>常见问题</p>
            <p>帮助中心</p>
        </div>
    </div>
    <div class="zffs">
        <div class="zf">
            支付方式
        </div>
        <div class="b">
            <p>在线支付</p>
            <p>代金券支付</p>
        </div>
    </div>
    <div class="psfs">
        <div class="ps">
            配送方式
        </div>
        <div class="c">
            <p>包邮政策</p>
            <p>配送说明</p>
            <p>发货时间</p>
            <p>验货签收</p>
        </div>
    </div>
    <div class="shfw">
        <div class="sh">
            售后服务
        </div>
        <div class="d">
            <p>正品承诺</p>
            <p>售后咨询</p>
            <p>退货政策</p>
            <p>退货流程</p>
            <p>退货方式</p>
        </div>
    </div>
    <div class="lxfs">
        <div class="lx">
            联系方式
        </div>
        <div class="e">
            <p>总裁邮箱 ceo@mia.com</p>
            <p>商务合作 bd@mia.com</p>
            <p>媒体合作 pr@mia.com</p>
            <p>采购中心 cx@mia.com</p>
            <p>企业采购 qiye@mia.com</p>
        </div>
    </div>

    <div class="gzmy">
        <img src="img/gzmy.png">
    </div>

    <div class="one"></div>

    <div class="jrmy">
        <ul>
            <li>关于蜜芽<><div class="hr" ></div>
            <li>加入蜜芽<><div class="hr" ></div>
            <li>商务合作<><div class="hr" ></div>
            <li>帮助中心<><div class="hr" ></div>
            <li>联系我们<><div class="hr" ></div>
            <li>友情链接<><div class="hr" ></div>
            <li>媒体报道<>
        </ul>
    </div>

    <div class="dd">
        <img src="img/btn.png">
    </div>
</div>


</body>
</html>
